<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <!-- chorm支持模块化 
  输入webpack后会去找src下的index.js
  如果配置直接写到webpack.config.js webpack会直接去这个文件下找的
  如果改webpack.config.js的名字 就要在script里面去配置使用命令去寻找 --config
  webpck依赖图：webpack在处理应用程序的时，它会根据命令或者配置文件找到入口文件
  从入口开始，生成一个依赖图，这个依赖图会包含应用程序所需的所有的模块（如js,css，字体等）
  然后遍历图结构，打包成一个个模块（根据文件不同使用不同的loader来解析）安装没引用不会打包到最后的打包文件了（没添加到图结构里面）
  //性能优化：tree shaking
-->
    <script src="./build/bundle.js"></script>
</body>
</html>